/*小团子来为你写诗*/
#Robot_move01{
	position: absolute;
	bottom: 100px;
	right: 0px;
	width: 200px;
	height: 100px;
	z-index: 1500;
}

#Robot_move02{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 200px;
	height: 100px;
	z-index: 1500;
}

#Robot_MessageBox1{
	position: absolute;
	bottom: 80px;
	right: 80px;
	width: 200px;
	height: 200px;
	z-index: 1500;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(../img/Robot_message.png);
	
	font-family: "微软雅黑";
	font-size: small;
	padding:40px;
	visibility: hidden;
	
}

#Robot_MessageBox2{
	position: absolute;
	bottom: 80px;
	right: 70px;
	width: 200px;
	height: 200px;
	z-index: 1500;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(../img/Robot_message2.png);
	
	font-family: "微软雅黑";
	font-size: small;
	padding:40px;
	visibility: hidden;
}



#slime_conteneur{
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index:2000;
	display: inline-block;
	text-align: left;
}

.slime{
	display: inline-block;
	width:125px;
	height:100px;
	margin:auto;
	padding:5px 20px;
	-webkit-animation: respire 3s;
	animation: respire 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}

@-webkit-keyframes respire
{
0% {-webkit-transform-origin: 50% 100%;-webkit-transform : scaleX(1) scaleY(1);}
50% {-webkit-transform-origin: 50% 100%;-webkit-transform : scaleX(1.05) scaleY(0.95);}
100% {-webkit-transform-origin: 50% 100%;-webkit-transform : scaleX(1) scaleY(1);}
}

@keyframes respire
{
0% {transform-origin: 50% 100%;transform : scaleX(1) scaleY(1);}
50% {transform-origin: 50% 100%;transform : scaleX(1.05) scaleY(0.95);}
100% {transform-origin: 50% 100%;transform : scaleX(1) scaleY(1);}
} 
.slime:hover{
	-webkit-animation: changeForme 1s;
	animation: changeForme 1s;
	/*animation-iteration-count: infinite;*/
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}

@-webkit-keyframes changeForme
{
0% {-webkit-transform-origin: 50% 100%;-webkit-transform : scaleX(1) scaleY(1);}
40% {-webkit-transform-origin: 50% 100%;-webkit-transform : scaleX(0.8) scaleY(1.2);}
50% {-webkit-transform-origin: 50% 100%;-webkit-transform : scaleX(1.2) scaleY(0.8);}
60% {-webkit-transform-origin: 50% 100%;-webkit-transform : scaleX(0.9) scaleY(1.1);}
70% {-webkit-transform-origin: 50% 100%;-webkit-transform : scaleX(1.2) scaleY(0.8);}
80% {-webkit-transform-origin: 50% 100%;-webkit-transform : scaleX(0.9) scaleY(1.1);}
90% {-webkit-transform-origin: 50% 100%;-webkit-transform : scaleX(1.2) scaleY(0.8);}
100% {-webkit-transform-origin: 50% 100%;-webkit-transform : scaleX(1) scaleY(1);}
}

@keyframes changeForme
{
0% {transform-origin: 50% 100%;transform : scaleX(1) scaleY(1);}
40% {transform-origin: 50% 100%;transform : scaleX(0.8) scaleY(1.2);}
50% {transform-origin: 50% 100%;transform : scaleX(1.2) scaleY(0.8);}
60% {transform-origin: 50% 100%;transform : scaleX(0.9) scaleY(1.1);}
70% {transform-origin: 50% 100%;transform : scaleX(1.2) scaleY(0.8);}
80% {transform-origin: 50% 100%;transform : scaleX(0.9) scaleY(1.1);}
90% {transform-origin: 50% 100%;transform : scaleX(1.2) scaleY(0.8);}
100% {transform-origin: 50% 100%;transform : scaleX(1) scaleY(1);}
} 

.slime .yeux {
	-webkit-animation: cligneYeux 3s;
	animation: cligneYeux 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}

@-webkit-keyframes cligneYeux
{
0% {-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform : scaleY(1);transform : scaleY(1);}
70% {-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform : scaleY(1);transform : scaleY(1);}
80% {-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform : scaleY(0.2);transform : scaleY(0.2);}
90% {-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform : scaleY(1);transform : scaleY(1);}
100% {-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform : scaleY(1);transform : scaleY(1);}
}

@keyframes cligneYeux
{
0% {transform-origin: 62.5px 80px;transform : scaleY(1);}
70% {transform-origin: 62.5px 80px;transform : scaleY(1);}
80% {transform-origin: 62.5px 80px;transform : scaleY(0.2);}
90% {transform-origin: 62.5px 80px;transform : scaleY(1);}
100% {transform-origin: 62.5px 80px;transform : scaleY(1);}
} 


#slime1 .corps{
	fill: #FFD700;
}
